<template>
  <div class="not-found">
    <h2>404 - 页面未找到</h2>
    <p>您访问的页面不存在</p>
    <div class="back-link">
      <a href="#" @click.prevent="goBack">返回上一页</a>
    </div>
  </div>
</template>

<script setup>
function goBack() {
  // 在实际应用中，这会使用 router.back() 方法返回上一页
  alert('返回上一页');
}
</script>

<style scoped>
.not-found {
  padding: 30px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 5px;
}

h2 {
  color: #dc3545;
}

.back-link {
  margin-top: 20px;
}

.back-link a {
  color: #3498db;
  text-decoration: none;
}

.back-link a:hover {
  text-decoration: underline;
}
</style> 